<template>
  <NodeContainer :title="data.typeName" :icon="data.icon" :has-more-options="false" v-bind="$attrs">
    <div class="node-content">
      <slot></slot>
    </div>
  </NodeContainer>
  
    <Handle id="a" type="target" :position="Position.Left" />
  </template>
  
  <script setup lang="ts" name="EndNode">
  import { Handle, Position } from '@vue-flow/core'
  import NodeContainer from '../node_container.vue'
  
  const props = defineProps({
    id: {
      type: String,
      required: true,
    },
    data: {
      type: Object,
      required: true,
    },
    selected: {
      type: Boolean,
      default: false,
    },
    dragging: {
      type: Boolean,
      default: false,
    },
  })
  
  </script>
  
  <style scoped>
  @import '@/assets/handle.css';

  .node-content {
    padding: 10px;
    flex-grow: 1;
  }
</style>
  